<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的消息</title>
		<link href="css/swiper.min.css" rel="stylesheet" />
		<link href="css/mui.min.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/skin.css" rel="stylesheet" />
	</head>
	<body style="background: #fff;">
		<header class="mui-bar mui-bar-nav order-bar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的消息</h1>
		</header>
		<div class="navt mui-clearfix">
			<a class="cur">公告</a>
			<a>通知</a>
		</div>
		<div class="swiper-container content-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="notice_detail.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-8 mui-col-xs-8 mui-ellipsis">通知通知通知通知通知通知通知通知通知</span>
										<span class="mui-col-sm-4 mui-col-xs-4 mui-text-right status">2018-01-12</span>
									</div>
									<p class="mui-h5 mui-ellipsis">通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="notice_detail.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-8 mui-col-xs-8 mui-ellipsis">通知通知通知通知通知通知通知通知通知</span>
										<span class="mui-col-sm-4 mui-col-xs-4 mui-text-right status">2018-01-12</span>
									</div>
									<p class="mui-h5 mui-ellipsis">通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="notice_detail.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-8 mui-col-xs-8 mui-ellipsis">通知通知通知通知通知通知通知通知通知</span>
										<span class="mui-col-sm-4 mui-col-xs-4 mui-text-right status">2018-01-12</span>
									</div>
									<p class="mui-h5 mui-ellipsis">通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="notice_detail.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-8 mui-col-xs-8 mui-ellipsis">通知通知通知通知通知通知通知通知通知</span>
										<span class="mui-col-sm-4 mui-col-xs-4 mui-text-right status">2018-01-12</span>
									</div>
									<p class="mui-h5 mui-ellipsis">通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="notice_detail.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-sm-12 mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-8 mui-col-xs-8 mui-ellipsis">通知通知通知通知通知通知通知通知通知</span>
										<span class="mui-col-sm-4 mui-col-xs-4 mui-text-right status">2018-01-12</span>
									</div>
									<p class="mui-h5 mui-ellipsis">通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知</p>
								</div>
							</div>
						</a>
					</li>
					
				</ul>
		      </div>
		      <div class="swiper-slide">
		      	 <ul class="mui-table-view notice_lists">
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="order.html">
							<div class="mui-table">
								<div class="mui-table-cell mui-col-xs-12">
									<div class="mui-row">
										<span class="mui-col-sm-3 mui-col-xs-3 mui-ellipsis">测试用户测试用户</span>
										<span class="mui-col-sm-4 mui-col-xs-4">15067165614</span>
										<span class="mui-col-sm-5 mui-col-xs-5 mui-text-right status"><b>新增订单 </b>[待跟进]</span>
									</div>
									<p class="mui-h5 mui-ellipsis">测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户测试用户</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
		      </div>
		    </div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script>
			mui(".navt a").each(function(i,obj){
				obj.addEventListener('tap', function(event) {
					mui(".navt a")[0].classList.remove("cur");
					mui(".navt a")[1].classList.remove("cur");
					this.classList.add("cur");
					galleryTop.slideTo(i)
				})
			})
			
		    var galleryTop = new Swiper('.content-container', {
		      spaceBetween: 10,
		      autoHeight:true,
		      on:{
		      	slideChange: function(){
			      //alert(this.activeIndex);、
			      //ajax请求
			      mui(".navt a")[0].classList.remove("cur");
				  mui(".navt a")[1].classList.remove("cur");
			      mui(".navt a")[this.activeIndex].classList.add("cur")
			    },
		      }
		    });
		
		   
		</script>
	</body>
</html>
